    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
        <title>Star Soft</title>  
        <link href="css/style.css" rel="stylesheet" type="text/css" />  
        <link rel="shortcut icon" href="images/favicon.ico" />  
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
		
<script type="text/javascript"> 

$(document).ready(function(){

	$("ul.subnav").parent().append("<span><a href='#'>aa<a/></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
	
	$("ul.#menu li span").click(function() { //When trigger is clicked...
		
		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

		$(this).parent().hover(function() {
		}, function(){	
			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() { 
			$(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
	});

});
</script>
<script>$(document).ready(function() {
	$('#games').coinslider({ hoverPause: false });
});
</script>

    </head>  
      
    <body>  
        <div id="main">  
            <div class="container">  
      
                <div id="header">  
                     <ul id="menu">  
					 	<li><a href="index.html">Home</a></li>  
                        <li><a href="company.html">Company</a>
							<ul class="subnav" style="display: none;">
								<li>
								<a href="introduction.html">Introduction</a>								</li>
								<li>
								<a href="introduction.html">Introduction</a>								</li>
								<li>
								<a href="introduction.html">Introduction</a>								</li>
							</ul> <!-- end subnva -->
						</li>  
                        <li><a href="product.html">Product</a></li>  
                        <li><a href="service.html">Service</a></li>  
                        <li><a href="reference.html">Reference</a></li>  
                        <li><a href="contact.html">Contact us</a></li>  
                    </ul>  
      
                    <div id="logo">  
                        <h1>Star Soft Enterprise</h1> 
							
                        <small style="margin-top:40px"><br/>Your slogen here!</small>					</div>  
                </div>  
      
	            <!-- block here -->
                <div id="block_featured" class="block">  
				 <img src="images/ribbon_featured.png" class="ribbon"/>  
						<span class="block_inside">  
					  
							<div class="image_block">  
								<img src="images/product/essey_wipy-groupe_studio_01.jpg" width="398px" height="248px"/>							</div>  
							<div class="text_block">  
								<h2>Star Soft Enterprise</h2>  
								<small>Providing tissue !</small>  
					  
								<p>Our company providing kinds of tissue which make your comfortable with our service and quality. </p>  
								<br />  
								<a href="" class="button">More detail</a>							</div>  
						</span>				</div>  
				
				 <!-- block recent here -->
                <div id="block_portfolio">  
      
					<div id="portfolio_items">  
      
                      <div class="mini_portfolio_item">  
                    <img src="images/ribbon_recent.png" class="ribbon" alt="Recent Projects"/>  
                    <div class="block_inside">  
							<div cliss="block_image" style="float:left">
                           		<img src="images/product/tissue01.jpg" class="thumbnail" alt="AudioJungle" width="100px" height="100px	"/>    
						  		 <div class="block_more_button" >
						  
						 		 <input type="button" value="More detail" class="button"  />
						 		 </div>
							</div>
						 <div class="block_text" style="float:left">
                           <h3>Classical tissue</h3>  
                           <p>The classical style tissue make your feel become ..... </p>  
						  </div>
                       </div>  
                   </div>  
      
                    <div class="mini_portfolio_item">  
                        <div class="block_inside">  
                           
							 <div cliss="block_image" style="float:left">
                           		<img src="images/product/tissue02.jpg" class="thumbnail" alt="AudioJungle" width="100px" height="100px	"/>    
						  		 <div class="block_more_button" >
						  
						 		 <input type="button" value="More detail" class="button"  />
						 		 </div>
							</div>
                             <h3>Art tissue</h3>  
                             <p>The art style tissue make your feel become ..... </p>  
							 <br/>
                         </div>  
                     </div>  
      
                     <div class="mini_portfolio_item">  
                        <div class="block_inside">  
                           
							  <div cliss="block_image" style="float:left">
                           		<img src="images/product/intro01.jpg" class="thumbnail" alt="AudioJungle" width="100px" height="100px	"/>    
						  		 <div class="block_more_button" >
						  
						 		 <input type="button" value="More detail" class="button"  />
						 		 </div>
							</div>
                             <h3>About us</h3>  
                             <p>StafSoft is a young company, thought we confident that where will make your trust in our product and service.</p>
                         </div>  
                     </div>  
                 </div>  
      
					<div id="text_column">  
						<h2 id="text_title">Creatif is a WordPress portfolio theme for designers and creatives</h2>  
						<p>You can place your company introduce here</p>  
						<p>What product of your company.</p>  
						<p>What are you think !</p>  
					</div>  
             </div>  	
            </div>  
        </div>  
      
        <div id="footer">  
				<div class="container">  
			  
					<div class="footer_column long">  
						   <h3 style="color:#FF3300">Star Soft Enterprise</h3>  
						   <p>6 Nettlefold Eve Sunshine North Vic 3020
						   	<br/>Tel: (03) 9311 4224
							<br/>Fax: (03) 9311 4229						   </p>  
					</div>  
			  
					<div class="footer_column">  
						   <h3>More Links</h3>  
							<ul>  
								<li><a href="http://vectortuts.com">What's new</a></li>  
								<li><a href="http://activeden.net">Promotional</a></li>  
								<li><a href="http://audiojungle.net">Certification</a></li>  					
						   </ul>  
					</div>  
			  
					<div class="footer_column">  
						   <h3>RSS</h3>  
						<ul>  
							   <li><a href="">RSS Feed</a></li>  
							<li><a href="">What is RSS?</a></li>  
						   </ul>  
					</div>  
				</div>  
       </div>  
    </body>  
    </html>  